<template>
  <div class="body">
    <headerView ref="header" systemName="综合素质评价系统" />
    <el-container>
      <leftEBookMenu ref="leftView" />
      <div class="main_box">
        <headerNav ref="headerNav" />
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
      </div>
    </el-container>
  </div>
</template>
<script>
import headerView from "@/components/header.vue";
import leftEBookMenu from "@/components/evaluate/leftEvaluateMenu.vue";
import headerNav from "@/components/headerNav.vue";
import { mapState } from 'vuex';

export default {
  name: "Index",
  components: {
    headerView,
    leftEBookMenu, headerNav,
  },
  data() { return {} },
  computed: {
    ...mapState(['navMenuList']),
  },
  mounted() { // this.$refs.header.systemName="电子期刊系统" ;
    this.$refs.header.homeIndexName = "EvaluateMainView";
  },
  methods: {
    openOrClose() {
      this.$refs.leftPadMenu.openOrClose()
    },
  },
};
</script>
<style scoped>
.body {
  background: white;
}

.main_box {
  width: 90%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
</style>
